<div class="col-md-9 customer-list" style="display:none">
	<div style="width:100%;height:90px;"></div>
	<!--<div class="panel panel-default" style="margin-top:10px;">
		<div class="panel-heading">
		  <h4 class="panel-title">
			<a class="accordion-toggle data-parent="#accordion">客户跟踪笔记</a>
			<i class="glyphicon glyphicon-plus pull-right add-customer tooltips" data-placement="left" data-toggle="tooltip" data-original-title="添加客户" style="font-size: 25px;margin-top:-5px"></i>
			<select name="select_customer_group_id" class="pull-right" style="width:30%;margin-right:10px" onchange="searchCustomerByGroup('__APP__/Customer/customerList',value);">
				<option value="-2">选择客户组</option>
				<volist name="group" id="vo">
				<option value="{$vo.id}">{$vo.group_name}</option>
				</volist>
			</select>
		  </h4>
		</div>
		<div id="collapseOne" class="panel-collapse collapse in">
		  <div class="panel-body customer-lists">
			<div class="panel-group customers" id="accordion">
				<volist name="customerlist" id="vo">
					<div class="panel panel-default">
						<div class="panel-heading">
						  <h4 class="panel-title">
							<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapse{$vo.id}" style="display:block;width:100%;text-decoration:none">{$vo.group_name}</a>
						  </h4>
						</div>
						<div id="collapse{$vo.id}" class="panel-collapse collapse in">
						  <div class="panel-body">
							<if condition="$vo.customer eq NULL">
							<h4 style="text-align:center"><span class="label label-primary">该分组暂无客户</span></h4>
							<else />
							<ul class="list-group">
								<volist name="vo.customer" id="customer">
								<li class="list-group-item"><a id="{$customer.customer_id}" class="customer-name">{$customer.customer_name}</a></li>
								</volist>
							</ul>
							</if>
						  </div>
						</div>
					</div>
				</volist>
			</div>
		  </div>
		</div>
	</div>---->
	

<!-- Nav tabs -->
<ul class="nav nav-tabs">
	<volist name="group" id="vo">
	<li><a href="#{$vo.target}" data-toggle="tab">{$vo.group_name}</a></li>
	</volist>
</ul>

<!-- Tab panes -->
<div class="tab-content">
  <div class="tab-pane active" id="home">...</div>
  <div class="tab-pane" id="profile">...</div>
  <div class="tab-pane" id="messages">...</div>
  <div class="tab-pane" id="settings">...</div>
</div>


</div>
<script>
	$(".tooltips").tooltip();
	$(function(){
		$(".customer-name").die().live('click',function(){
			var title = $(this).html();
			var customer_id = $(this).attr("id");
			$(".customer-track-title").html("客户:"+title);
			$(".track-lists").load('__APP__/Customer/customerInfo',{type:'tracklist',customer_id:customer_id});
			$(".customer-track-remark .panel-body").load('__APP__/Customer/customerInfo',{customer_id:customer_id},function(){
				$(".leavetrack").attr("id",customer_id);
				$(".leavetrack").unbind('click').click(function(){	
					html = editor3.html();
					var customer_id = $(this).attr("id");
					var content = html;
					$.post('__APP__/Customer/addTrack',{customer_id:customer_id,content:content},function(json){
						$.globalMessenger().post(json.info);
					})
				});
				$("#customer-track").modal('show');
			});
		});
	});
</script>